// ------------------------------------
// Sass Style
// ------------------------------------
html {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  line-height: 1.5;
  color: #2f495e;
  font-size: 14px;

  // user-select: none;
}

#__nuxt, #__layout, #__layout>div {
  height: inherit;
}

h1 {
  margin: auto;
}

a {
  text-decoration: none;
  outline: none;
  color: inherit;
}

* {
  box-sizing: border-box;
}


.page-enter-active, .page-leave-active {
  transition: opacity .5s
}
.page-enter, .page-leave-active {
  opacity: 0
}

.page-enter-active {
  animation: bounce-in .5s;
}
.page-leave-active {
  animation: bounce-out .5s;
}
@keyframes bounce-in {
  0% { transform: scale(0.8); opacity: 0; }
  //50% { transform: scale(1.5) }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes bounce-out {
  0% { transform: scale(1); opacity: 1; }
  //50% { transform: scale(1.5) }
  100% { transform: scale(0.8); opacity: 0; }
}

// header {

//   .container {
//     max-width: 768px;
//     margin: auto;
//     display: flex;
//     align-items: center;
//     border: 0px #ddd solid;
//     padding: 0 0.8rem;
//     padding-top: 1.5rem;
//     padding-bottom: 1.5rem;
//     border-bottom-width: 1px;

//     img {
//       height: 1.8rem;
//     }
//   }

//   ul {
//     list-style-type: none;
//     margin: 0;

//     li {
//       display: table-cell;
//       padding-left: 1rem;
//       padding-right: 1rem;
//       height: 2.5rem;
//       display: inline-flex;

//       a {
//         text-transform: uppercase;
//         padding: .5rem;
//         font-weight: 500;
//         line-height: 1.5;
//         text-decoration: none;
//         color: inherit;

//         &.nuxt-link-exact-active {
//           color: #00c58e;
//         }
//       }
//     }
//   }
// }

// main {
//   max-width: 768px;
//   margin: auto;
//   text-align: center;
//   padding-top: 6rem;
// }